<include file="Public/header" />
    <!--搜索框-->
    <div class="bg-grey">
        <div class="container bg-white padding-0 content-border">
            <form class="center-block search-form clearfix" action="{:U('search/index')}" method="post">
                <input class="pull-left" type="text" name="name" value="{$keywords}">
                <button class="bg-red pull-left">
                    <img class="padding-right-10" src="__IMG__/search_white.png">
                    <span class="font-bold font-size-16 color-white">搜索</span>
                </button>
            </form>
            <div class="search-rel-list">

            </div>

            <div class="padding-left-18 margin-bottom-20 search-count" id="sheet-search-count">
                <p>搜索“&nbsp; {$keywords} &nbsp;”共找到<span class="color-red">{$sheetResCount}</span>份曲谱</p>
            </div>
            <div class="padding-left-18 margin-bottom-20 search-count" id="score-search-count">
                <p>搜索“&nbsp; {$keywords} &nbsp;”共找到<span class="color-red">{$scoreResCount}</span>份谱单</p>
            </div>
            <div class="padding-left-18 margin-bottom-20 search-count" id="user-search-count">
                <p>搜索“&nbsp; {$keywords} &nbsp;”共找到<span class="color-red">{$userResCount}</span>位用户</p>
            </div>

            <ul class="search-menu margin-bottom-20" id="search-menu">
                <li class="search-menu-info font-size-16 font-bold" id="sheet">曲谱</li>
                <li class="search-menu-info font-size-16 font-bold" id="score">谱单</li>
                <li class="search-menu-info font-size-16 font-bold" id="user">用户</li>
            </ul>
        </div>
    </div>

    <div class="bg-white tab-content">
        <div class="container content-border padding-0 search-tab" id="sheet-tab">
            <ul class="padding-0 sheet-list margin-0 margin-bottom-60">
                <notempty name="sheetList">
                    <volist name="sheetList" id="sheet">
                        <li class="sheet-list-info bg-fringe clearfix">
                            <span class="list-num color-red pull-left margin-top-60">{$key+1}</span>
                            <div class="sheet-list-img pull-left margin-top-20 padding-bottom-20 clearfix">
                                <a href="{:U('sheet/index', 'id='.$sheet['id'].'&uid='.$loginUser['uid'])}" target="_blank" ><p style="background: transparent url('{$sheet.img_url}') no-repeat; background-size: 450px;"></p></a>
                                <span class="sheet-count color-red bg-white">{$sheet.img_count}张</span>
                            </div>
                            <div class="pull-left sheet-list-info-name margin-top-30 user-info">
                                <a href="{:U('sheet/index', 'id='.$sheet['id'].'&uid='.$loginUser['uid'])}" target="_blank" class="color-black"><h4 class="margin-0">{$sheet.name}</h4></a>
                                <div class="margin-top-20">
                                    <img class="user-img" <empty name="sheet['creator_info']['avatar_url']">src="__IMG__/avatar.png"<else/>src="{$sheet['creator_info']['avatar_url']}"</empty> >
                                    <span>{$sheet['creator_info']['nickname']}</span>
                                </div>
                            </div>
                            <div class="font-size-16 normal-operation-btn color-red" id="normal-operation-btn1">
                                <p class="collect-btn" data-status="{$sheet.collect_status}" data-id="{$sheet.id}">收藏</p>
                                <p class="like-btn" data-status="{$sheet.fav_status}" data-id="{$sheet.id}"><span>喜欢</span></p>
                            </div>
                        </li>
                    </volist>
                <else/>
                    <div style="height: 300px; text-align: center" >
                        <p class="font-size-18 margin-top-60">很抱歉！未能搜索到相关结果！</p>
                    </div>
                </notempty>
                <ul class="pagination">{$page}</ul>
            </ul>
        </div>

        <div class="container content-border padding-0 search-tab" id="score-tab">
            <ul class="padding-0 score-list margin-0 margin-bottom-60">
                <notempty name="scoreList">
                    <volist name="scoreList" id="score">
                        <li class="bg-fringe score-list-info clearfix">
                            <div class="score-name">
                                <span class="list-num color-red display-inlineblock ">{$key+1}</span>
                                <div class="score-list-img display-inlineblock margin-top-20 padding-bottom-20">
                                    <img class="" <empty name="score['img_url']">src="__IMG__/score-pic1.png"<else/>src="{$score.img_url}"</empty>>
                                </div>
                                <a href="{:U('score/index','id='.$score['id'])}" class="display-inlineblock"><h5 class="margin-0 font-size-16 color-black">{$score.name}</h5></a>
                                <div class="display-inlineblock user-info">
                                    <img class="user-img" <empty name="score['creator_info']['avatar_url']">src="__IMG__/avatar.png"<else/>src="{$score['creator_info']['avatar_url']}"</empty> >
                                    <span>{$score['creator_info']['nickname']}</span>
                                </div>
                                <div class="display-inlineblock margin-left-40">
                                    <span>{$score['sheet_count']}</span>
                                </div>
                            </div>
                            <div class="font-size-16 normal-operation-btn color-red" id="normal-operation-btn">
                                <p>收藏</p>
                                <p>喜欢</p>
                            </div>
                        </li>
                    </volist>
                    <else/>
                        <div style="height: 300px; text-align: center" >
                            <p class="font-size-18 margin-top-60">很抱歉！未能搜索到相关结果！</p>
                        </div>
                </notempty>
                <ul class="pagination">{$scorePage}</ul>
            </ul>
        </div>

        <div class="container content-border padding-0 search-tab" id="user-tab">
        <ul class="padding-0 user-list margin-0 margin-bottom-60">
            <notempty name="userList">
                <volist name="userList" id="user">
                    <li class="bg-fringe user-list-info clearfix">
                        <div class="pull-left margin-top-20 padding-bottom-20">
                            <span class="list-num color-red display-inlineblock ">{$key+1}</span>
                            <div class="display-inlineblock user-list-img">
                                <img class="display-inlineblock " <empty name="$user.avatar_url">src="__IMG__/28.png<else/>src="{$user.avatar_url}"</empty>">
                            </div>
                            <div class="display-inlineblock user-list-detail padding-left-15">
                                <h4 class="display-inlineblock margin-0 ">{$user.nickname}</h4>
                                <div class="display-inlineblock margin-left-60 margin-right-30">
                                    <img class="padding-right-10" src="__IMG__/music_note_icon.png">
                                    <span>音频数：123</span>
                                </div>
                                <p class="display-inlineblock margin-right-30 margin-left-60">播放量：2999</p>
                                <button href="" class="display-inlineblock btn get-wx-btn color-red font-size-16 margin-left-60"><p>查看微信</p></button>
                            </div>
                        </div>
                    </li>
                </volist>
            <else/>
                <div style="height: 300px; text-align: center" >
                    <p class="font-size-18 margin-top-60">很抱歉！未能搜索到相关结果！</p>
                </div>
            </notempty>

        </ul>
    </div>
    </div>

    <a href="javascript:;" class="backToTop" title="返回顶部" style="display: inline; position: fixed; bottom: 200px; right: 300px;">TOP</a>


<include file="Public/footer" />
<script>

</script>